<!DOCTYPE html>
<html lang="it">
	<head>
  		<meta charset="utf-8">
  		<title>Microsoft Explorer 9</title>
     	<link href="css/style5.css" rel="stylesheet" type="text/css" />
		<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
  	</head>
		<body>
	
			 <!--[Header]-->
		    <header>	
				<div class="text-center">
					<h1 id="logo"><img src="images/logo.png" alt="" /></h1>	
				</div>
			</header>
		    <!--[/Header]-->
		    
		    
			 <!--[Nav]-->	   
			<nav>
				<div id="div-nb-exp"><span id="nbExpNum"></div>
			    <div id="mainNav">
					<ul>
				       <li><a href="index.html">HOME</a></li>
				       <li><a href="localStorage.html">Local Storage</a></li>
				       <li><a href="sessionStorage.html">Session Storage</a></li>
				       <li><a href="canvas.html">Canvas</a></li>
				       <li><a href="audioVideo.html">Video</a></li>
				       <li><a href="browser.html">Browser</a></li>
					</ul>
				</div>
			</nav>
			<!--[/Nav]-->	
		    			
    		<!--[Section]-->
    			
    		<section id="content">
				<div id="content-body">
					<div class="text-content">
						<select id="capability" style="width:300px;">
							<option value="1">Canvas</option>
							<option value="2">Event Listener</option>
							<option value="3">Attach Event</option>
						</select>
						<button id="check">
							Check
						</button>
						<p id="outputCheck">
						</p>
					</div>
					<div class="text-content">
						<p>Seguimi su <a href="http//www.twitter.com/imperugo">TWITTER</a></p>
					</div>
				</div>
				<div class="clear"></div>
				<script type="text/javascript">
					function showMessage(msg) {
						$('#outputCheck').text(msg);
					}

					$(document).ready(function () {
						$('#check').click(function () {
							var value = $("select option:selected").val();

							if (value == 1) {
								if (!!document.createElement('canvas').getContext) {
									showMessage('Il canvas è supportato dal tuo browser.');
								} else {
									showMessage('Il canvas non è supportato dal tuo browser.');
								}
							}

							if (value == 2) {
								if (window.addEventListener) {
									showMessage('Event Listener è supportato dal tuo browser.');
								} else {
									showMessage('Event Listener non è supportato dal tuo browser.');
								}
							}

							if (value == 3) {
								if (window.attachEvent) {
									showMessage('Attach Event è supportato dal tuo browser.');
								} else {
									howMessage('Attach Event non è supportato dal tuo browser.');
								}
							}

						});
					});
				</script>
			</section>
    		<!--[/Section]-->

	    	<!--[Footer]-->
			<footer>
				<div class="footerbot">
					<span class="floatleft">
						<a href="http://tostring.it/">Imperugo</a></span><span class="floatright"><a href="http://twitter.com/imperugo" class="hide">Twitter</a> 
					<a href="http://tostring.it/contacts">Contact</a></span>
				</div>
			</footer>
			<!--[/Footer]-->
		</body>
</html>